<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后代选择器（重要）</title>
    <style>
        /* 我想要吧ol里面的小li选出来改为pink */
        ol li {
            color: pink;
        }

        ol li a {
            color: yellow;
        }

        .one li a {
            color: green;
        }
    </style>
</head>
<body>
   <ol>
       <li>我是哈哈哈哈哈</li>
       <li>我是哈哈哈哈哈</li>
       <li>我是哈哈哈哈哈</li>
       <li><a href="#">你真的厉害</a></li>
   </ol>
   <ul>
       <li>嘿嘿嘿嘿嘿</li>
       <li>嘿嘿嘿嘿嘿</li>
       <li>嘿嘿嘿嘿嘿</li>
       <li><a href="#">我不会变化</a></li>
   </ul>
   <ul class="one">
    <li>嘿嘿嘿嘿嘿</li>
    <li>嘿嘿嘿嘿嘿</li>
    <li>嘿嘿嘿嘿嘿</li>
    <li><a href="#">将我变为绿色</a></li>
</ul>
</body>
</html>

<!-- 
    后代选择器的语法：元素1 元素2 { 样式声明 }    该语法表示选择元素1里面所有元素2（后代元素）
 -->